<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<HTML>
<HEAD>
      <TITLE>Vinatel - Luxury Hotel - Hotel and Tour</TITLE>
      <link rel="stylesheet/less" type="text/css" href="css/style.less">
	  <script src="js/less.js" type="text/javascript"></script>
	  <script src="js/js.js" type="text/javascript"></script>
</HEAD>
	
<BODY>		
	<div id="login_wrapper" class="undisplayed">
		<form id="login_form">
			<input id="username" placeholder="Username" />
			<input id="password" placeholder="Password" />

			<input id="button" type="button" value="ĐĂNG NHẬP" />
			<a href="#">Quên mật khẩu</a> | <a href="#">Kích hoạt tài khoản</a> | <a href="#">Đăng ký</a>
			<div id="logo">
			</div>
			<p onclick="hideLogin()">(X) ĐÓNG LẠI</p>
			<!-- end of #logo -->
		</form>


		<!-- end of #login_form -->
	</div>
	<!-- end of #login_wrapper -->

	<div id="whole">
			<div id="menu-wrapper" class="undisplayed">
		    </div>
			<!-- end of #menu-wrapper -->
				<div id="menu">
					<ul>
						<div id="sublogo" >VINATEL</div>
						
						<li><a href="#" onclick="showLogin()">ĐĂNG NHẬP</a></li>
						<li><a href="#">KHÁCH SẠN</a></li>
						<li><a href="#">VOUCHER KHÁCH SẠN</a></li>
						<li><a href="#">KHUYẾN MÃI HẤP DẪN   </a></li>
						<li><a href="#">CẨM NANG DU LỊCH  </a></li>
						<li><a href="#">TOUR</a></li>
						<li><a href="#">ASIABOOKING</a></li>
						<li onclick="hideMenu()"><a href="#">ĐÓNG</a></li>
					</ul>
				</div>	
				<!-- end of #menu -->
		
			<header id="mobileHeader">
			<div id="menuButton" class="icon menuButton" onclick="showMenu()">&#9776;</div>
			<div id="brand"></div>
			</header>
			<div id="logo">
			</div>
			<!-- end of #logo -->
			<ul class="navigation">
				<li><a href="#">KHÁCH SẠN</a></li>
				<li><a href="#">VOUCHER KHÁCH SẠN</a></li>
				<li><a href="#">KHUYẾN MÃI HẤP DẪN   </a></li>
				<li><a href="#">CẨM NANG DU LỊCH  </a></li>
				<li><a href="#">TOUR</a></li>
				<li><a href="#">ASIABOOKING</a></li>

				<div onclick="showLogin()" id="login_button">
					ĐĂNG NHẬP
				</div>
				<!-- end of # -->
			</ul>
			<!-- end of #navigation -->
			
			<div id="mainContent">		
				
				<div id="content">	
					<div class="titlel1"> THÔNG TIN NGƯỜI ĐẶT PHÒNG
					</div>
					<div id="register_user">
						<div id="title">Vui lòng điền thông tin quý khách
						</div>
						<!-- end of #title-->
						<div class="label">Họ và tên:
						</div>
						<!-- end of .label -->
						<div class="text"> <input />
						</div>
						<!-- end of .text -->
						<div class="label">Email:
						</div>
						<!-- end of .label -->
						<div class="text"> <input />
						</div>
						<!-- end of .text -->
						<div class="label">Địa chỉ:
						</div>
						<!-- end of .label -->
						<div class="text"> <input />
						</div>
						<!-- end of .text -->
						<div class="label">Số điện thoại:
						</div>
						<!-- end of .label -->
						<div class="text"> <input />
						</div>
						<!-- end of .text -->
						<div class="label">Số lượng trẻ em:
						</div>
						<!-- end of .label -->
						<div class="text"> <input />
						</div>
						<!-- end of .text -->
						<div class="label">Yêu cầu thêm:
						</div>
						<!-- end of .label -->
						<div class="text"> <textarea ></textarea>
						</div>
						<!-- end of .text -->
						<div class="label">Dịch vụ:
						</div>
						<!-- end of .label -->
						<div class="text"> 
						</div>
						<!-- end of .text -->
						<div class="label">Hình thức thanh toán:
						</div>
						<!-- end of .label -->
						<div class="text">
							<img src="images/paypal.png" alt="credit" />
							<img src="images/mastercard.jpg" alt="credit" />
						</div>
						<!-- end of .text -->
					</div>
					<!-- end of #register_user -->
					<div id="hotel">
							<img src="images/v2.jpg" alt="hotel_image" />
							<div id="name">
								KHÁCH SẠN STARLET
							</div>
							<!-- end of #name -->
					</div>
					<!-- end of #hotel -->
					<div class="titlel1"> CHỌN PHÒNG MUỐN ĐẶT
					</div>
					<div id="available_rooms">
						<a href="#"id="booking_room_button" onclick="register_rooms()">HOÀN TẤT ĐẶT PHÒNG
						</a>
						<!-- end of #booking_room_button -->
						<div class="room">
							<div class="image">
								<img src="images/room.jpg" alt="room_image" />
							</div>
							<!-- end of .image -->
							<div class="label">Loại phòng:
							</div>
							<!-- end of .label -->
							<div class="text">VIP01
							</div>
							<!-- end of .text -->
							<div class="label">Sức chứa:
							</div>
							<!-- end of .label -->
							<div class="text">2
							</div>
							<!-- end of .text -->
							<div class="label">Đơn giá:
							</div>
							<!-- end of .label -->
							<div class="text">2,000,000 VND
							</div>
							<!-- end of .text -->
							<div class="label">Số phòng còn lại:
							</div>
							<!-- end of .label -->
							<div class="text">4
							</div>
							<!-- end of .text -->
							<div class="label">Số phòng muốn đặt:
							</div>
							<!-- end of .label -->
							<div class="text">
								<select>
								  <option value="0">0</option>
								  <option value="1">1</option>
								  <option value="2">2</option>
								  <option value="3">3</option>
								</select>
							</div>
							<!-- end of .text -->
						</div>
						<!-- end of .room -->
						<div class="room">
							<div class="image">
								<img src="images/room2.jpg" alt="room_image" />
							</div>
							<!-- end of .image -->
							<div class="label">Loại phòng:
							</div>
							<!-- end of .label -->
							<div class="text">VIP01
							</div>
							<!-- end of .text -->
							<div class="label">Sức chứa:
							</div>
							<!-- end of .label -->
							<div class="text">2
							</div>
							<!-- end of .text -->
							<div class="label">Đơn giá:
							</div>
							<!-- end of .label -->
							<div class="text">2,000,000 VND
							</div>
							<!-- end of .text -->
							<div class="label">Số phòng còn lại:
							</div>
							<!-- end of .label -->
							<div class="text">4
							</div>
							<!-- end of .text -->
							<div class="label">Số phòng muốn đặt:
							</div>
							<!-- end of .label -->
							<div class="text">
								<select>
								  <option value="0">0</option>
								  <option value="1">1</option>
								  <option value="2">2</option>
								  <option value="3">3</option>
								</select>
							</div>
							<!-- end of .text -->
						</div>
						<!-- end of .room -->
						<div class="room">
							<div class="image">
								<img src="images/room3.jpg" alt="room_image" />
							</div>
							<!-- end of .image -->
							<div class="label">Loại phòng:
							</div>
							<!-- end of .label -->
							<div class="text">VIP01
							</div>
							<!-- end of .text -->
							<div class="label">Sức chứa:
							</div>
							<!-- end of .label -->
							<div class="text">2
							</div>
							<!-- end of .text -->
							<div class="label">Đơn giá:
							</div>
							<!-- end of .label -->
							<div class="text">2,000,000 VND
							</div>
							<!-- end of .text -->
							<div class="label">Số phòng còn lại:
							</div>
							<!-- end of .label -->
							<div class="text">4
							</div>
							<!-- end of .text -->
							<div class="label">Số phòng muốn đặt:
							</div>
							<!-- end of .label -->
							<div class="text">
								<select>
								  <option value="0">0</option>
								  <option value="1">1</option>
								  <option value="2">2</option>
								  <option value="3">3</option>
								</select>
							</div>
							<!-- end of .text -->
						</div>
						<!-- end of .room -->
						<div class="room">
							<div class="image">
								<img src="images/room.jpg" alt="room_image" />
							</div>
							<!-- end of .image -->
							<div class="label">Loại phòng:
							</div>
							<!-- end of .label -->
							<div class="text">VIP01
							</div>
							<!-- end of .text -->
							<div class="label">Sức chứa:
							</div>
							<!-- end of .label -->
							<div class="text">2
							</div>
							<!-- end of .text -->
							<div class="label">Đơn giá:
							</div>
							<!-- end of .label -->
							<div class="text">2,000,000 VND
							</div>
							<!-- end of .text -->
							<div class="label">Số phòng còn lại:
							</div>
							<!-- end of .label -->
							<div class="text">4
							</div>
							<!-- end of .text -->
							<div class="label">Số phòng muốn đặt:
							</div>
							<!-- end of .label -->
							<div class="text">
								<select>
								  <option value="0">0</option>
								  <option value="1">1</option>
								  <option value="2">2</option>
								  <option value="3">3</option>
								</select>
							</div>
							<!-- end of .text -->
						</div>
						<!-- end of .room -->
						<div class="room">
							<div class="image">
								<img src="images/room2.jpg" alt="room_image" />
							</div>
							<!-- end of .image -->
							<div class="label">Loại phòng:
							</div>
							<!-- end of .label -->
							<div class="text">VIP01
							</div>
							<!-- end of .text -->
							<div class="label">Sức chứa:
							</div>
							<!-- end of .label -->
							<div class="text">2
							</div>
							<!-- end of .text -->
							<div class="label">Đơn giá:
							</div>
							<!-- end of .label -->
							<div class="text">2,000,000 VND
							</div>
							<!-- end of .text -->
							<div class="label">Số phòng còn lại:
							</div>
							<!-- end of .label -->
							<div class="text">4
							</div>
							<!-- end of .text -->
							<div class="label">Số phòng muốn đặt:
							</div>
							<!-- end of .label -->
							<div class="text">
								<select>
								  <option value="0">0</option>
								  <option value="1">1</option>
								  <option value="2">2</option>
								  <option value="3">3</option>
								</select>
							</div>
							<!-- end of .text -->
						</div>
						<!-- end of .room -->
						<div class="room">
							<div class="image">
								<img src="images/room3.jpg" alt="room_image" />
							</div>
							<!-- end of .image -->
							<div class="label">Loại phòng:
							</div>
							<!-- end of .label -->
							<div class="text">VIP01
							</div>
							<!-- end of .text -->
							<div class="label">Sức chứa:
							</div>
							<!-- end of .label -->
							<div class="text">2
							</div>
							<!-- end of .text -->
							<div class="label">Đơn giá:
							</div>
							<!-- end of .label -->
							<div class="text">2,000,000 VND
							</div>
							<!-- end of .text -->
							<div class="label">Số phòng còn lại:
							</div>
							<!-- end of .label -->
							<div class="text">4
							</div>
							<!-- end of .text -->
							<div class="label">Số phòng muốn đặt:
							</div>
							<!-- end of .label -->
							<div class="text">
								<select>
								  <option value="0">0</option>
								  <option value="1">1</option>
								  <option value="2">2</option>
								  <option value="3">3</option>
								</select>
							</div>
							<!-- end of .text -->
						</div>
						<!-- end of .room -->
						<div class="room">
							<div class="image">
								<img src="images/room.jpg" alt="room_image" />
							</div>
							<!-- end of .image -->
							<div class="label">Loại phòng:
							</div>
							<!-- end of .label -->
							<div class="text">VIP01
							</div>
							<!-- end of .text -->
							<div class="label">Sức chứa:
							</div>
							<!-- end of .label -->
							<div class="text">2
							</div>
							<!-- end of .text -->
							<div class="label">Đơn giá:
							</div>
							<!-- end of .label -->
							<div class="text">2,000,000 VND
							</div>
							<!-- end of .text -->
							<div class="label">Số phòng còn lại:
							</div>
							<!-- end of .label -->
							<div class="text">4
							</div>
							<!-- end of .text -->
							<div class="label">Số phòng muốn đặt:
							</div>
							<!-- end of .label -->
							<div class="text">
								<select>
								  <option value="0">0</option>
								  <option value="1">1</option>
								  <option value="2">2</option>
								  <option value="3">3</option>
								</select>
							</div>
							<!-- end of .text -->
						</div>
						<!-- end of .room -->
						<div class="room">
							<div class="image">
								<img src="images/room2.jpg" alt="room_image" />
							</div>
							<!-- end of .image -->
							<div class="label">Loại phòng:
							</div>
							<!-- end of .label -->
							<div class="text">VIP01
							</div>
							<!-- end of .text -->
							<div class="label">Sức chứa:
							</div>
							<!-- end of .label -->
							<div class="text">2
							</div>
							<!-- end of .text -->
							<div class="label">Đơn giá:
							</div>
							<!-- end of .label -->
							<div class="text">2,000,000 VND
							</div>
							<!-- end of .text -->
							<div class="label">Số phòng còn lại:
							</div>
							<!-- end of .label -->
							<div class="text">4
							</div>
							<!-- end of .text -->
							<div class="label">Số phòng muốn đặt:
							</div>
							<!-- end of .label -->
							<div class="text">
								<select>
								  <option value="0">0</option>
								  <option value="1">1</option>
								  <option value="2">2</option>
								  <option value="3">3</option>
								</select>
							</div>
							<!-- end of .text -->
						</div>
						<!-- end of .room -->
						<div class="room">
							<div class="image">
								<img src="images/room3.jpg" alt="room_image" />
							</div>
							<!-- end of .image -->
							<div class="label">Loại phòng:
							</div>
							<!-- end of .label -->
							<div class="text">VIP01
							</div>
							<!-- end of .text -->
							<div class="label">Sức chứa:
							</div>
							<!-- end of .label -->
							<div class="text">2
							</div>
							<!-- end of .text -->
							<div class="label">Đơn giá:
							</div>
							<!-- end of .label -->
							<div class="text">2,000,000 VND
							</div>
							<!-- end of .text -->
							<div class="label">Số phòng còn lại:
							</div>
							<!-- end of .label -->
							<div class="text">4
							</div>
							<!-- end of .text -->
							<div class="label">Số phòng muốn đặt:
							</div>
							<!-- end of .label -->
							<div class="text">
								<select>
								  <option value="0">0</option>
								  <option value="1">1</option>
								  <option value="2">2</option>
								  <option value="3">3</option>
								</select>
							</div>
							<!-- end of .text -->
						</div>
						<!-- end of .room -->
					</div>
					<!-- end of #available_rooms -->
				</div>
				<!-- end of #content -->	
			</div>
			<!-- end of #mainContent -->
	</div> 	
	<div id="footer">
			<ul class="navigation">
				<li><a href="#">KHÁCH SẠN</a></li>
				<li><a href="#">VOUCHER KHÁCH SẠN</a></li>
				<li><a href="#">KHUYẾN MÃI HẤP DẪN   </a></li>
				<li><a href="#">CẨM NANG DU LỊCH  </a></li>
				<li><a href="#">TOUR</a></li>
				<li><a href="#">ASIABOOKING</a></li>
			</ul>
			<!-- end of #navigation -->
			<div id="copyright">
				<p>FREE TRAVEL COMPANY LIMITED</p>
				<p>Email : bookings@asiabooking.com.vn</p>
				<p>Phone : +84.8.3589.3689 -  + 84 908 79 59 89</p>
				<p>Address : 538/24 Quang Trung, Go Vap, TP HCM</p>
				<div class="facebook"><a href="#"></a></div>
				<div class="twitter"><a href="#"></a></div>
				<div class="share"><a href="#"></a></div>
				<div class="rss"><a href="#"></a></div>
			</div>
			<!-- end of #copyright -->
		</div>
		<!-- end of #footer -->
</div>
</BODY>
</HTML>                                                                                                                          